var i=0;
 $(function(){	        	
	$('.banner-pic ul li').click(function(){
	     i=$('.banner-pic ul li').index(this)+1;
	     $(this).addClass('li-ban').siblings().removeClass('li-ban');
	     $('.banner-pic a img').attr('src','img/banner/banner'+i+'.jpg');
	})
	change();	        		
});
function change(){
	if(i==$('.banner-pic ul li').length) i=0;
	var j=i+1;
	$('.banner-pic ul li').eq(i).addClass('li-ban').siblings().removeClass('li-ban');
	$('.banner-pic a img').attr('src','img/banner/banner'+j+'.jpg');
	i++;
	setTimeout(change,5000);
}